$(function () {
    // 处理日期时间格式
    function formateDate(date) {
        // 将日期时间字符串转换成日期对象
        date = new Date(date);
        return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
    }

    template.defaults.imports.formateDate = formateDate
    /* 1、获取文章数据 */
    $.ajax({
        url: '/posts',
        data: {
            page: 1
        },
        success: function (res) {
            console.log(res, 9999);
            var html = template('tpl-posts', { data: res })
            $('tbody').html(html)

            /* 渲染分页结构 */
            var pagesHtml = template('tpl-pages', res)
            $("#pagesBox").html(pagesHtml)


            //翻页
            $(".zxf_pagediv").createPage({
                pageNum: res.pages,
                current: 1,
                backfun: function (e) {
                    console.log(e.current);//回调

                    $.ajax({
                        url: '/posts',
                        data: {
                            page: e.current
                        },
                        success: function (res) {
                            console.log(res, 8888);
                            var html = template('tpl-posts', { data: res })
                            $('tbody').html(html)

                            /* 渲染分页结构 */
                            var pagesHtml = template('tpl-pages', res)
                            $("#pagesBox").html(pagesHtml)
                        }
                    })

                }
            });
        }
    })


    /* 根据id删除 */
    $("tbody").on("click",".delete",function(){
        var  id=$(this).data('id')
        $.ajax({
            url:'/posts/'+id,
            type:'delete',
            success:function(msg){
                console.log(msg,543);
                location.reload()
            }
        })
    })


    /* 发表评论 
    传递三个参数：
    评论人id====用户登录的时候可以获取评论人
    文章id=====获取文章列表的时候可以拿到文章id
    评论内容====在文本框中输入的内容就是

    步骤：
    1、点击发表评论按钮===可以获取文章id
    2、显示模态框  
    3、点击模态框中的添加按钮
        1、获取三个参数
        2、发送ajax请求
        3、成功后跳转到评论列表页面
    */
   /* 点击评论按钮 */
   var  postId=null
   $('tbody').on('click','.sendCom',function(){
    $('#myModal').modal('show')
        /* 获取第二个参数   文章id */
        postId=$(this).data('id')

   })


   /* 点击取消按钮 */
   $('.btn-warning').on('click',function(){
    $('#myModal').modal('hide')
   })

   /* 点击发表按钮 */
   $('#send').on('click',function(){
       /* 获取第一个参数   评论内容 */
       var  content=$('#inputEmail3').val()

       /* 获取第三个参数  作者id */
       var  authorId=window.localStorage.getItem('authorId')
       console.log(authorId,99998888);
       $.ajax({
           url:'/comments',
           type:'post',
           data:{
            author:authorId,
            content,
            post:postId
           },
           success:function(){
               location.href='/admin/comments.html'
           }
       })
   })







})

/* 点击分页 */
function changePages(page) {
    $.ajax({
        url: '/posts',
        data: {
            page: page
        },
        success: function (res) {
            console.log(res, 8888);
            var html = template('tpl-posts', { data: res })
            $('tbody').html(html)

            /* 渲染分页结构 */
            var pagesHtml = template('tpl-pages', res)
            $("#pagesBox").html(pagesHtml)
        }
    })
}